<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<!--
   /******************************************************************************
     Copyright:: 2020- IBM, Inc

    Licensed under the Apache License, Version 2.0 (the "License");
    you may not use this file except in compliance with the License.
    You may obtain a copy of the License at

    http://www.apache.org/licenses/LICENSE-2.0

    Unless required by applicable law or agreed to in writing, software
    distributed under the License is distributed on an "AS IS" BASIS,
    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
    See the License for the specific language governing permissions and
    limitations under the License.
  *****************************************************************************/
-->

<html lang="en">

<head>

    <title>RPT Test Suite</title>
</head>

<body>

    <a href="#navskip">skip to banner content</a>

    <!-- xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx -->

    <h3>WAI-ARIA widgets that must be explicitly labelled by an aria-label, aria-labelledby or title attribute</h3>

    <!-- aria-label tests -->
    <div role="alert" aria-label="table of contents">...</div>
    <div role="alertdialog" aria-label="table of contents">...</div>
    <div role="combobox" aria-label="table of contents">...</div>
    <div role="combobox" aria-label="table of contents">...</div>
    <div role="dialog" aria-label="table of contents">...</div>
    <div role="grid" aria-label="table of contents">...</div>
    <div role="listbox" aria-label="table of contents">...</div>
    <div role="log" aria-label="table of contents">...</div>
    <div role="marquee" aria-label="table of contents">...</div>
    <div role="menu" aria-label="table of contents">...</div>
    <div role="menubar" aria-label="table of contents">...</div>
    <div role="progressbar" aria-label="table of contents">...</div>
    <div role="radiogroup" aria-label="table of contents">...</div>
    <div role="scrollbar" aria-label="table of contents">...</div>
    <div role="slider" aria-label="table of contents">...</div>
    <div role="spinbutton" aria-label="table of contents">...</div>
    <div role="tablist" aria-label="table of contents">...</div>
    <div role="tabpanel" aria-label="table of contents">...</div>
    <div role="textbox" aria-label="table of contents">...</div>
    <div role="timer" aria-label="table of contents">...</div>
    <div role="tree" aria-label="table of contents">...</div>
    <div role="treegrid" aria-label="table of contents">...</div>

    <!-- aria-labelledby tests -->
    <div role="alert" aria-labelledby="alert">...</div>
    <div role="alertdialog" aria-labelledby="alertdialog">...</div>
    <div role="combobox" aria-labelledby="combobox">...</div>
    <div role="dialog" aria-labelledby="dialog">...</div>
    <div role="grid" aria-labelledby="grid">...</div>
    <div role="listbox" aria-labelledby="listbox">...</div>
    <div role="log" aria-labelledby="log">...</div>
    <div role="marquee" aria-labelledby="marquee">...</div>
    <div role="menu" aria-labelledby="menu">...</div>
    <div role="menubar" aria-labelledby="menubar">...</div>
    <div role="progressbar" aria-labelledby="progressbar">...</div>
    <div role="radiogroup" aria-labelledby="radiogroup">...</div>
    <div role="scrollbar" aria-labelledby="scrollbar">...</div>
    <div role="slider" aria-labelledby="slider">...</div>
    <div role="spinbutton" aria-labelledby="spinbutton">...</div>
    <div role="tablist" aria-labelledby="tablist">...</div>
    <div role="tabpanel" aria-labelledby="tabpanel">...</div>
    <div role="textbox" aria-labelledby="textbox">...</div>
    <div role="timer" aria-labelledby="timer">...</div>
    <div role="tree" aria-labelledby="tree">...</div>
    <div role="treegrid" aria-labelledby="treegrid">...</div>

    <!-- title attribute tests -->
    <div role="alert" title="table of contents">...</div>
    <div role="alertdialog" title="table of contents">...</div>
    <div role="combobox" title="table of contents">...</div>
    <div role="dialog" title="table of contents">...</div>
    <div role="grid" title="table of contents">...</div>
    <div role="listbox" title="table of contents">...</div>
    <div role="log" title="table of contents">...</div>
    <div role="marquee" title="table of contents">...</div>
    <div role="menu" title="table of contents">...</div>
    <div role="menubar" title="table of contents">...</div>
    <div role="progressbar" title="table of contents">...</div>
    <div role="radiogroup" title="table of contents">...</div>
    <div role="scrollbar" title="table of contents">...</div>
    <div role="slider" title="table of contents">...</div>
    <div role="spinbutton" title="table of contents">...</div>
    <div role="tablist" title="table of contents">...</div>
    <div role="tabpanel" title="table of contents">...</div>
    <div role="textbox" title="table of contents">...</div>
    <div role="timer" title="table of contents">...</div>
    <div role="tree" title="table of contents">...</div>
    <div role="treegrid" title="table of contents">...</div>

    <p id="alert">alert label</p>
    <p id="alertdialog">alertdialog label</p>
    <p id="combobox">combobox label</p>
    <p id="dialog">dialog label</p>
    <p id="listbox">listbox label</p>
    <p id="log">log label</p>
    <p id="marquee">marquee label</p>
    <p id="menu">menu label</p>
    <p id="menubar">menubar label</p>
    <p id="progressbar">progressbar label</p>
    <p id="radiogroup">radiogroup label</p>
    <p id="scrollbar">scrollbar label</p>
    <p id="slider">slider label</p>
    <p id="spinbutton">spinbutton label</p>
    <p id="tablist">tablist label</p>
    <p id="tabpanel">tabpanel label</p>
    <p id="textbox">textbox label</p>
    <p id="timer">timer label</p>
    <p id="tree">tree label</p>
    <p id="treegrid">treegrid label</p>

    <a name="navskip"></a>

    <script type="text/javascript">
        //<![CDATA[
        if (typeof(OpenAjax) == 'undefined') OpenAjax = {}
        if (typeof(OpenAjax.a11y) == 'undefined') OpenAjax.a11y = {}
        OpenAjax.a11y.ruleCoverage = [{
            ruleId: "1156",
            passedXpaths: [],
            failedXpaths: []
        }];
        //]]>
    </script>
</body>

</html>